<!--
 * @Description: 
 * @Date: 2024-05-15 09:05:46
 * @LastEditTime: 2024-06-06 11:47:37
-->
<route lang="json5">
{
  style: {
    navigationBarTitleText: '查询服务',
    navigationBarTextStyle: 'white', //标题栏字体颜色
    navigationBarBackgroundColor: '#0063AF', //标题栏背景色(纯色)
  },
}
</route>
<template>
  <view class="inquiryService w-screen h-screen bg-#F4F5F9">
    <view>
      <image class="w-screen h-250rpx" :src="banner" mode="scaleToFill" />
    </view>
    <view class="w-90% mx-auto translate-y--20%">
      <view
        class="flex items-center p-20rpx rounded-10rpx bg-#fff mb-20rpx"
        v-for="(item, index) in inquiryMenu"
        :key="index"
        @click="handleMenuClick(item.url)"
      >
        <image :src="icon1" mode="scaleToFill" class="w-70rpx h-70rpx mr-20rpx" />
        <view class="flex flex-col">
          <text class="text-28rpx font-550 text-#000 mb-5rpx">{{ item.title }}</text>
          <text class="text-24rpx text-#9A9B9F">{{ item.msg }}</text>
        </view>
        <view class="flex-1 text-right">
          <wd-icon name="arrow-right" size="22px" color="#BDBDBD"></wd-icon>
        </view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
import icon1 from '../../static/home/icon1.png'
import banner from '../../static/images/banner.jpg'
const inquiryMenu = ref([
  {
    title: '案件查询',
    msg: '查询案件相关信息',
    url: '/pages/inquiryService/caseQuery',
  },
  {
    title: '法律文书',
    msg: '查询案件相关法律文书',
    url: '/pages/inquiryService/law',
  },
])
function handleMenuClick(url: string) {
  uni.navigateTo({
    url,
  })
}
</script>
